<!DOCTYPE html>
<html>
<head>
    <title>收货地址管理</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/common.css" />
    <script src="js/jquery.v1.9.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>
        .navbar-inverse li a {
            color: #FFF;
        }
    </style>
</head>
<body>
    <!--顶部栏目-->
    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" id="header">
        <div class="container">
            <div class="row">
                <div id="backToPrevBtn" class="col-xs-2 text-while">
                    <a class="glyphicon glyphicon-circle-arrow-left" href="#"></a>
                </div>
                <div id="logo" class="col-xs-6 text-while">
                    <span>your logo</span>
                </div>
                <div id="btnUser" class="col-xs-2 text-while">
                    <a class="glyphicon glyphicon-user" href="User.html"></a>
                </div>
                <div id="btnShoppingCart" class="col-xs-2 text-while">
                    <a class="glyphicon glyphicon-shopping-cart" href="ShoppingCart.html"></a>
                </div>
            </div>
        </div>
    </header>
    <!--顶部栏目 END-->
    <!--内容-->
    <div class="wrapper">
        <div class="container">
            <!-- 新增收货地址 按钮 -->
            <div style="margin:10px 0;">
                <a class="btn btn-primary col-xs-12" href="#">新增收货地址</a>
            </div>
            <!-- 新增收货地址 按钮 end -->

            <!-- 一个列表中的详细事项 -->
            <div class="list-group">
                <div class="list-group-item">
                    <p>姓名（13888888888）</p>
                    <p>广东省广州市xxxxxxxx</p>
                    <div class="row">
                        <a href="#" class="btn btn-default col-xs-6"><i class="glyphicon glyphicon-edit" style="margin-right:5px;"></i>修改</a>
                        <a href="#" class="btn btn-default col-xs-6"><i class="glyphicon glyphicon-trash" style="margin-right:5px;"></i>删除</a>
                    </div>
                </div>
            </div>
            <!-- 一个列表中的详细事项 end -->
        </div>
    </div>
    <!--内容 END-->

    <!--脚部导航-->
    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-4"><a href="#" class="text-n">户首页页</a></div>
                <div class="col-xs-4"><a href="#">会员中心</a></div>
                <div class="col-xs-4"><a href="#">品牌介绍</a></div>
            </div>
        </div>
    </footer>
    <!--脚部导航 END-->
</body>
</html>
<script>
    $(function () {
        $('#nava a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
    })
</script>
